@primary-color: #ffffff;

.file-item {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 0px 0 40px;
    transition: all 0.3s;
    cursor: pointer;
    background-color: #fafafa;
    &.select {
        background-color: lighten(spin(@primary-color, 10%), 45%);
        color: @primary-color;
        &::after {
            display: block;
            content: "";
            position: absolute;
            height: 100%;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 3px;
            background-color: @primary-color;
            animation: show 0.1s linear both;
            @keyframes show {
                0% {
                    height: 0;
                }
                100% {
                    height: 100%;
                }
            }
        }
    }
}
